<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
<link rel="stylesheet" type="text/css" href="css/g.css">	
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<div class="btnBox">
		<button id="btn1" class="btn" data-url="http://zszhongkai.3322.org:9011/iserver/services/map-qxq/rest/maps/qxq201710.ijs">地图1</button>
	<button id="btn2" class="btn" data-url="http://zszhongkai.3322.org:9011/iserver/services/map-qxq/rest/maps/qxq201802.ijs">地图2</button>
</div>
<iframe src="http://www.baidu.com" height="100%" width="100%" class="ifBody"></iframe>	
</body>
<script type="text/javascript">
$('.btn').on('click',function(){
	$('.ifBody').attr('src',$(this).data("url"));
	// console.log($(this).data("url"))
})
</script>
</html>